
*{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align: baseline;
}
.one-head{
  background: #f7b03f;
  /*color:#b2b2b2;*/
  height: 90px;
  width: 100%;
  line-height: 90px;

}
.one-head-inner{
  width:auto;
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
}
.one-head img{
  width: auto;
  height: 70px;
  float: left;
  margin-top: 10px;
}
#logo-title{
  margin-left: 20px;
}
.head-nav{
  float:right;
}
.head-nav ul {
  list-style: none;
  overflow: hidden;
}
.head-nav li {
  cursor: pointer;
  float: right;
  font-size: 18px;
  margin: 0px 5px;
}
.head-nav li:nth-child(2n-1):hover{
  color: #34c234;
}
.nav-pile{
  padding:0px 10px;
}
.index-top{
  width: 80%;
  height: 60px;
  margin: 10px auto;
  line-height: 40px;
  border-radius: 50px;
  background-color: bisque;
}
.index-top ul{
  list-style: none;
}
.index-top ul li{
  line-height:20px;
  text-align: center;
  display: inline-block;
  padding-top: 20px;
  width:150px;
  height: 40px;
}
.index-top ul li a{
  text-decoration: none;
  color: #138313;
  font-size: 18px;
  font-family: "幼圆";
}
.index-top li:hover{
  background-color: rgb(88, 202, 136);
}
.hot-tag,.text-danger{
  background-color: red;
  padding: 0 2px;
  color: #fff;
  font-size: 12px;
}
.one-board-list{
  overflow: hidden;
  margin: 30px auto;
  /* margin: 0px auto; */
}
.one-board-title .hotsale{
  width: 20%;
  height: auto;
  position: absolute;
  top:480px;
  left: 500px;
  z-index: -1;
}
.one-board-box{
  width:1200px;
  margin: 210px auto;

}
.one-board-item{
  float: right;
  padding:20px;
  width: 500px;
  margin: 0px 30px 20px 0px;
  /*border:1px solid red;*/
  background-color: rgb(154, 231, 154);
  box-shadow: 0 0 1px #ddd;
}
.one-board-item-inner{
  min-height:200px;
  padding-left: 300px;
  /*min-height:125px;*/
  /*padding-left: 180px;*/
}
.one-board-apple .one-board-item-inner{
  background: url("../apple/1.jpg") no-repeat;
}
.one-board-pear .one-board-item-inner{
  background: url("../apple/2.jpg") no-repeat;
}
.one-board-peach .one-board-item-inner{
  background: url("../apple/3.jpg") no-repeat;
}
.one-board-kiwi .one-board-item-inner{
  background: url("../apple/4.jpg") no-repeat;
}
.one-board-item h2{
  font-size:18px;
  font-weight: bold;
  color:#000;
  margin-bottom: 15px;
}
/*.line-last{*/
  /*margin-right:0;*/
/*}*/
.one-board-button{
  width: 150px;
  height:50px;
  margin-top: 20px;
  background-color: #98fb98;
}
.one-board-button a{
  color: #000;
  margin-left: 35px;
  line-height: 50px;
  text-decoration: none;
}
.one-board-button a:hover{
  color: red;
  font-weight: bolder;
}


.one-foot{
  margin-top: 50px;
  width: 100%;
  height:80px;
  line-height: 80px;
  background-color: #ccc;
  /*border: 1px solid coral;*/
  clear: both;
  text-align: center;
}
.foot-p{
  font-color: dimgray;
}
.title{
  margin: -20px 30px 0px 280px;
  font-size: 36px;
  color: orange;
  font-weight: bolder;

}
form{
  max-width:550px;
  margin:20px auto ;
  margin-left: 25px;
  z-index:10;
}
.user-name,.user-pass,.user-email,.user-phone,.verification{
  position: relative;
  height: 42px;
  margin-bottom:5px;
}
form label{
  position:absolute;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 40px;
  background:#fff;
  text-align: center;
  top:1px;
  left:1px;
  padding-top: 25px;
}
form input{
  font-size: 14px;
  line-height: 15px;
  height:32px;
  padding: 11px 8px 11px 50px;
  width:100%;
  border:1px solid #ccc;
}
.log-btn{
  height: 50px;
  width: 150px;
  margin: 20px 80px;
  background-color: orange;
}


/* slidesShow */
 /*下面三个样式都是banner动画   vue动画文档*/
 .slide-trans-enter-active{
  transition: all .8s;
}    /*指定0.5秒进行动画演变*/
.slide-trans-enter{
  transform: translateX(900px);
} /*    X轴方向，从右侧偏900响0进行过度*/
.slide-trans-old-leave-active{
  transition:all .8s;
  transform: translateX(-900px);
}
.slide-show{
  position: relative;
  margin:15px auto;
  line-height: 4em;
  width: 960px;
  height: 300px;
  overflow: hidden;

  /*width: 950px;*/
  /*height: 350px;*/
  /*border:1px solid forestgreen;*/
}
.slide-show h2{
  position: absolute;
  width: 100%;
  height:80px;
  color:#fff;
  background: #000;
  opacity:0.5;
  bottom:-30px;
  text-align: left;
  padding: 0px 15px 0px 25px;
  z-index:-1;
}
.slide-img{
  width: 960px;
  height: 300px;
  position: absolute;
  top:0;
  z-index: -1;
}
.slide-img img{
  width: 960px;
  height: 300px;
}
.slide-pages{
  position: absolute;
  top: 245px;
  right: 30px;
  list-style: none;
}
.slide-pages li{
  padding: 0px 10px;
  display: inline-block;
  color: black;
}
.slide-pages li a{
  padding-left: 10px;
  color: white;
  cursor: pointer;
}
.slide-pages li a:hover{
  color: #138313;
}

/*ProductList.style*/
.allP{
  width:90%;
  margin:auto;
}
.allP ul{
  width:97%;
  margin:auto;
  list-style:none;
  margin-top:35px;
}
.allP ul li{
  float:left;
  width:270px;
  height:380px;
  padding:10px;
  border:1px solid #ccc;
}
.allP a{
  text-decoration:none;
  font-size:13.5px;
  font-family:"微软雅黑";
  color:black;
}
.allP p{
  line-height: 17px;
}
.allP h2{
  color:red;
  font-weight: normal;
  text-align: left;
}
.allP button{
  border:none;
  width:260px;
  height:50px;
  background-color:red;
  text-align:center;
  margin-left:5px;
}
.allP button span{
  fone-size:45px;
  line-height: 50px;
  color:white;
}
.allP button:hover{
  background-color:orangered ;
}


/*Cart.style*/
.cart .emptyCar{
  width:100%;
  height: 200px;
  margin: 50px 0px;
  text-align: center;
  line-height: 200px;
  background: lightskyblue;
}
.cart .two{
  margin: 0 200px;
}
.cart h2{
  text-align: center;
  margin-top: 25px;
}
.cart ul{
  height: 250px;
}
.cart ul li{
  line-height: 2.5em;
  list-style:none;
}
.cart .total{
  text-align: right;
  margin-right: 200px;
  font:20px 微软雅黑;
}
.cart .j{
  text-align: center;
  float: right;
  margin-right: 150px;
  width: 180px;
  height: 50px;
  line-height: 3em;
  color: #fff;
  text-shadow: 1px 1px 0.5px #22629B;
  font:20px 微软雅黑;
  letter-spacing: 8px;
  border-radius: 15px;
  background:#ff5511;
}
.cart .check{
  text-align: right;
  margin-right: 160px;
}
.cart tbody{width:860px;display: block;margin:0;}
.cart tbody tr{border:1px solid #ff5511;display:block;margin: 20px 0}
.cart tbody td{height: 100px;display: inline-block;padding-top: 20px;}
.cart table{width:960px;}
.cart th{text-align: left;display: inline-block;padding-top: 20px;font-size: 12px;height: 40px;}
.cart .td_item{width: 80px;height: 80px;}
.cart .td_item{width: 300px;overflow: hidden;}
.cart .s_img{width: 300px;}
.cart .td_item img{margin:0px 10px;width: 80px;height: 80px;}
.cart .td_item p{
  display: inline-block;
  width: 186px;
  font-size: 12px;
  overflow:
    hidden;text-overflow:
  ellipsis;max-height: 36px;
  color: #3c3c3c;
  vertical-align: top;
  margin-left: 5px;
  cursor: pointer;
}
.cart .td_item p:hover{color:#00BC9B;text-decoration: underline;}
.cart .td_price{
  margin:0px 10px 0px 40px;width: 120px;color: #3c3c3c;font-weight: 700;
  font-family: Verdana,Tahoma,arial;font-size: 12px;line-height: 5em;
}
.cart .td_sum{margin:-35px 0px  0px 120px;width: 120px;color: #3c3c3c;font-weight: 700;
  font-family: Verdana,Tahoma,arial;font-size: 12px;}
.cart .td_amount{width: 120px}
.cart .td_op{margin:5px 0px 0px 120px;width: 120px;line-height: 3em}
.cart .td_op span{cursor: pointer;font-size: 12px;}
.cart .td_op span:hover{color:#00BC9B;text-decoration: underline;}
.cart .th_info{margin-left:170px;width: 170px;}
.cart .th_price,.th_sum{width: 120px;}
.cart .th_amount{width: 120px}
.cart .th_op{width: 120px}
